const boxAs = document.querySelectorAll(".box a")
const title = document.querySelector(".title")

// for (let i = 0; i < boxAs.length; i++) {

for (var i = 0; i < boxAs.length; i++) {
  boxAs[i].setAttribute("data-index", i)
  boxAs[i].addEventListener('click', function () {
    var index = this.getAttribute('data-index')
    title.innerHTML = index
  })
}



// var
// 没有块级作用域（全局或者局部） {}
// 变量提升（函数开头就会被处理）



// var num = 23
// var num = 99
// let num = 23
// let num = 99
// console.log(num)


// for (var i = 0; i < 10; i++) {
/*
for (let i = 0; i < 10; i++) {
  console.log(i)
}
console.log(i)
*/

/*
function sayHi() {
  console.log(msg)
  var msg = "hello ES6!"
}
sayHi()*/

/*
if (true) {
  let num = 123
  // var num = 123
  console.log(num)
}
console.log(num)*/






/*
function sayHi() {
  let msg = "hello ES6!"
  // var msg = "hello ES6!"
  console.log(msg)
}*/
// console.log(msg)
// sayHi()





